$same-btn-color: #3aafb9;;
%flexRowStart {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
}
%flexColumn {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
}
%flexRowBetween {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}
%flexRowCenter {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
}
.all {
  //@extend %flexColumn;
  width: 100%;
  box-sizing: border-box;
  padding-top: 126rpx;
}
.modalRight {
  z-index: 999;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  position: fixed;
  align-items: center;
  justify-content: center;

  .dialog {
    font-size: 28rpx;
    background-color: white;
    position: absolute;
    border-radius: 8 rpx;
    text-align: center;
    display: flex;
    flex-direction: column;
    //justify-content: center;
    align-items: flex-start;
    box-sizing: border-box;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 80%;
    padding: 20% 5%;
    color: #9B9B9B;
    .tip-name {
      margin-top: 11rpx;
      margin-bottom: 11rpx;
    }
    picker {
      width: 100%;
    }
    input {
      background-color: #F4F4F4;
      width: 100%;
      height: 60rpx;
      margin-top: 11rpx;
      margin-bottom: 11rpx;
      padding-left: 20rpx;
      text-align: left;
      box-sizing: border-box;
    }
    .confirm-btn {
      width: 256rpx;
      height: 80rpx;
      border-radius: 56rpx;
      @extend %flexRowCenter;
      background-color: #3AAFB9;
    }
    .cancel-btn {
      width: 256rpx;
      height: 80rpx;
      border-radius: 56rpx;
      @extend %flexRowCenter;
      background-color: #ADADAD;
    }
    .btn {
      margin-top: 140rpx;
      color: #fff;
      @extend %flexRowBetween;
      width: 100%;
    }
  }
}
.filter {
  width: 100%;
  box-sizing: border-box;
  @extend %flexRowBetween;
  padding: 40rpx 15rpx;
  font-size: 26rpx;
  .filter-left {
    @extend %flexRowStart;
    color: #4a4a4a;
    div {
      margin-right: 15rpx;
    }
  }
  .clear-filter{
    color: #DE6E7C;
  }
}
.stock-in-list{
  width: 100%;
  @extend %flexColumn;
  .stock-in-record{
    margin-top: 11rpx;
    margin-bottom: 11rpx;
    padding: 10rpx;
    font-size: 26rpx;
    color: #4a4a4a;
    //@extend %flexColumn;
    width: 357*2rpx;
    box-sizing: border-box;
    background: #f5f5f5;
    border-radius: 4*2rpx;
    .record-Number{
      color: #fff;
      width: 346*2rpx;
      //height: 22*2rpx;
      background: #5ac8fa;
      border-radius: 11*2rpx;
      margin-bottom: 20rpx;
      @extend %flexRowBetween;
      padding: 5rpx 15rpx;
    }
    .record-supplier {
      width: 100%;
      margin-bottom: 26rpx;
      display: flex;
      span {
        color:  #9b9b9b;
        width: 150rpx;
        text-align: right;
      }
      div{
        flex: 1;
      }
    }
    .record-goods {
      width: 100%;
      margin-bottom: 26rpx;
      display: flex;
      span {
        color:  #9b9b9b;
        width: 150rpx;
        text-align: right;
      }
      div{
        flex: 1;
      }
    }
    .record-warehouse {
      width: 100%;
      margin-bottom: 26rpx;
      display: flex;
      span {
        color:  #9b9b9b;
        width: 150rpx;
        text-align: right;
      }
      div{
        flex: 1;
      }
    }
  }
}
.bottom-bar {
  @extend %flexRowBetween;
  box-sizing: border-box;
  padding: 10rpx 10rpx 10rpx  34rpx;
  width: 100%;
  height: 51*2rpx;
  background: #ffffff;
  box-shadow: 0rpx -4rpx 24rpx 0rpx rgba(0,0,0,0.06);
  position: fixed;
  bottom: 0;
  left: 0;
  .box {
    font-size: 26rpx;
    color: #9b9b9b;
  }
  .btn-wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200rpx;
    height: 72rpx;
    background: #3aafb9;
    border-radius: 50rpx;
    color: #fff;
    font-size: 26rpx;
  }
}
